import React from 'react'
// import DigitalHuman from '../../components/DigitalHuman'
import HeaderCom from '../../components/HeaderCom'
import VideoCom from '../../components/VideoCom'
import BottomCom from '../../components/BottomCom'
import AiHome from '../../components/AiHome/AiHome'
import NotifyCom from '../../components/NotifyCom'
import OtherFunction from '../../components/OtherFunction/OtherFunction'
function Home() {

    return (

        <div style={{
            width: '100%',
            height: '100%',
            display: 'flex',
            flexDirection: 'column'
        }}>
            {/* 头部组件 */}
            <HeaderCom />

             {/* 通知组件 */}
           <div style={{ width: '100%',
            height: '100%',
            display: 'flex',
            justifyContent: 'end',
            alignItems: 'center',
            padding: '20px 20px 0 0'
           }}>
            <NotifyCom/>
           </div>
            
            <div style={{
                width: '100%',
                height: '100%',
                display: 'flex',
                justifyContent: 'space-between',
                alignItems: 'center',
                gap: '20px',
                padding: '0 20px'
            }}>
                 {/* 3D人组件 */}
                <div style={{ width: '50%', height: '100%' }}>
                    {/* <DigitalHuman /> */}

                    <AiHome/>
                </div>
                     {/* 其他功能组件 */}
                     <div   
                     style={{position:'fixed',
                        bottom:'6%',
                        right:'3%',
                        zIndex:5
                     }}
                     >
                        <OtherFunction/>
                     </div>
          
                {/* 视频组件 */}
                <div style={{
                    width: '50%', height: '100%', display: 'flex',
                    flexDirection: 'column', justifyContent: 'flex-end',
                    alignItems: 'center',
                    paddingBottom: '10%'
                   
                }}>
                    <VideoCom />
                </div>


                
            </div>

       

           {/* 底部组件 */}
        <BottomCom/>

        </div>


    )
}

export default Home